.home {
    background-color: #f7f8fa;
    padding: 50px 10px 50px 10px;

    .home-nav {

        background-color: rgba(255, 255, 255, 0.795);

        .left-content {
            span {
                font-weight: bold;
            }
        }
    }

    .my-swipe {
        height: 270px;
        border-radius: 15px;

        background: #ffffff;
        box-shadow: 6px 6px 19px #c7c7c7,
            -6px -6px 19px #ffffff;

        .swipe-item {
            overflow: hidden;

            .swipe-item-img {
                width: 100%;
                height: 100%;
            }
        }
    }

    .hot-title {
        margin: 20px 0px;
        font-size: 16px;
        font-weight: bold;
        padding: 10px;
        background-color: #fff;
        border-radius: 10px;

        background: #ffffff;
        box-shadow: 6px 6px 19px #c7c7c7,
            -6px -6px 19px #ffffff;
    }

    .hot-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        .hot-card {
            // background-color: #fff;
            width: 160px;
            padding: 10px 5px;
            margin-bottom: 10px;
            border-radius: 10px;
            overflow: hidden;

            // border-radius: 22px;
            background: #ffffff;
            box-shadow: 6px 6px 19px #c7c7c7,
                -6px -6px 19px #ffffff;


            img {
                width: 100%;
                border-radius: 10px;
            }

            p {
                margin: 3px 0px;
                font-weight: bold;
            }

            .hot-card-name {
                font-size: 14px;
            }

            .hot-card-price {
                font-size: 12px;
                color: rgb(0, 0, 255);
            }
        }
    }
}

/*  */
.van-search {
    border-radius: 15px;
    padding: 0;
}

.van-search__content {
    border-radius: 8px;
}

.van-swipe__indicator {
    width: 30px;
    border-radius: 3px;
}